<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

  <head>

    <title>Network</title>

    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta http-equiv="CACHE-CONTROL" CONTENT="NO-CACHE">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="canvasxpress, canvas, html5, graph, chart, plot, javascript, javascript library, genomic, scientific, android, animation, bar graph, line graph, dotplot, boxplot, heatmap, newick, scatter, 3d, pie, correlation, venn, network, market, candlestick, genome browser, isaac neuhaus"/>
    <meta name="description" content=""/>
    <meta http-equiv="Content-Language" content="en-us" />
    <meta name="Rating" content="general" />
    <meta name="googlebot" content="index,follow" />
    <meta name="robots" content="index,follow" />
    <meta name="author" content="Isaac Neuhaus" />
    <meta name="google-site-verification" content="UmQp3wIY7r9cDwr5LRdUDeDkpxAxg0Lv5tUc3tW9-90" />

    <link rel="stylesheet" href="./css/global.css" type="text/css"/>
    <style type="text/css">
      table.example {margin: 10px; border-collapse: collapse;}
      td.example {vertical-align: top;}
      div br {clear: both;}
      div.code, div.json, div.pre {font-size: medium; clear: both;}
      div.desc {font-size: small;}
      div.h3 {font-size: 150%}
      div.h4 {font-size: 120%}
      table.config {font-size: small; border-collapse: collapse; margin: 10px; width: 800px;}
      td.first-col {border: 1px solid #000000; padding: 4px; width: 35%; vertical-align: top;}
      td.sec-col {border: 1px solid #1D222B; padding: 4px; width: 65%; vertical-align: top;}
      tr.private {background-color: #EEEEEE;}
      tr.public {background-color: #FFFFFF;}
      span.light {font-size: small; color: #777777; font-style: italic;}
      caption {background-color:  #DDDDDD; border-top: 1px solid #1D222B;  border-right: 1px solid #1D222B;  border-left: 1px solid #1D222B; color: #FFFFFF: font-size: 150%; padding: 2px 6px; text-align: left;}
      div.canvas {margin: 10px;}
    </style>

    <!--[if IE]><script type="text/javascript" src="./js/excanvas.js"></script><![endif]-->
    <!--[if IE]><script type="text/javascript" src="./js/extext.js"></script><![endif]-->
    <script type="text/javascript" src="./js/canvasXpress.min.js"></script>

    <script>

      var showDemo = function () {
        new CanvasXpress('canvas',
                         {nodes: [{id: 'Id0', name:"Myriel", group:1, links: [{source: "Google", params: {S: "Myriel"}}]},
                                  {id: 'Id1', name:"Napoleon", group:1, links: [{source: "Google", params: {S: "Napoleon"}}]},
                                  {id: 'Id2', name:"Mlle. Baptistine", group:1, links: [{source: "Google", params: {S: "Mlle. Baptistine"}}]},
                                  {id: 'Id3', name:"Mme. Magloire", group:1, links: [{source: "Google", params: {S: "Mme. Magloire"}}]},
                                  {id: 'Id4', name:"Countess de Lo", group:1, links: [{source: "Google", params: {S: "Countess de Lo"}}]},
                                  {id: 'Id5', name:"Geborand", group:1, links: [{source: "Google", params: {S: "Geborand"}}]},
                                  {id: 'Id6', name:"Champtercier", group:1, links: [{source: "Google", params: {S: "Champtercier"}}]},
                                  {id: 'Id7', name:"Cravatte", group:1, links: [{source: "Google", params: {S: "Cravatte"}}]},
                                  {id: 'Id8', name:"Count", group:1, links: [{source: "Google", params: {S: "Count"}}]},
                                  {id: 'Id9', name:"Old Man", group:1, links: [{source: "Google", params: {S: "Old Man"}}]},
                                  {id: 'Id10', name:"Labarre", group:2, links: [{source: "Google", params: {S: "Labarre"}}]},
                                  {id: 'Id11', name:"Valjean", group:2, links: [{source: "Google", params: {S: "Valjean"}}]},
                                  {id: 'Id12', name:"Marguerite", group:3, links: [{source: "Google", params: {S: "Marguerite"}}]},
                                  {id: 'Id13', name:"Mme. de R", group:2, links: [{source: "Google", params: {S: "Mme. de R"}}]},
                                  {id: 'Id14', name:"Isabeau", group:2, links: [{source: "Google", params: {S: "Isabeau"}}]},
                                  {id: 'Id15', name:"Gervais", group:2, links: [{source: "Google", params: {S: "Gervais"}}]},
                                  {id: 'Id16', name:"Tholomyes", group:3, links: [{source: "Google", params: {S: "Tholomyes"}}]},
                                  {id: 'Id17', name:"Listolier", group:3, links: [{source: "Google", params: {S: "Listolier"}}]},
                                  {id: 'Id18', name:"Fameuil", group:3, links: [{source: "Google", params: {S: "Fameuil"}}]},
                                  {id: 'Id19', name:"Blacheville", group:3, links: [{source: "Google", params: {S: "Blacheville"}}]},
                                  {id: 'Id20', name:"Favourite", group:3, links: [{source: "Google", params: {S: "Favourite"}}]},
                                  {id: 'Id21', name:"Dahlia", group:3, links: [{source: "Google", params: {S: "Dahlia"}}]},
                                  {id: 'Id22', name:"Zephine", group:3, links: [{source: "Google", params: {S: "Zephine"}}]},
                                  {id: 'Id23', name:"Fantine", group:3, links: [{source: "Google", params: {S: "Fantine"}}]},
                                  {id: 'Id24', name:"Mme. Thenardier", group:4, links: [{source: "Google", params: {S: "Mme. Thenardier"}}]},
                                  {id: 'Id25', name:"Thenardier", group:4, links: [{source: "Google", params: {S: "Thenardier"}}]},
                                  {id: 'Id26', name:"Cosette", group:5, links: [{source: "Google", params: {S: "Cosette"}}]},
                                  {id: 'Id27', name:"Javert", group:4, links: [{source: "Google", params: {S: "Javert"}}]},
                                  {id: 'Id28', name:"Fauchelevent", group:0, links: [{source: "Google", params: {S: "Fauchelevent"}}]},
                                  {id: 'Id29', name:"Bamatabois", group:2, links: [{source: "Google", params: {S: "Bamatabois"}}]},
                                  {id: 'Id30', name:"Perpetue", group:3, links: [{source: "Google", params: {S: "Perpetue"}}]},
                                  {id: 'Id31', name:"Simplice", group:2, links: [{source: "Google", params: {S: "Simplice"}}]},
                                  {id: 'Id32', name:"Scaufflaire", group:2, links: [{source: "Google", params: {S: "Scaufflaire"}}]},
                                  {id: 'Id33', name:"Woman 1", group:2, links: [{source: "Google", params: {S: "Woman 1"}}]},
                                  {id: 'Id34', name:"Judge", group:2, links: [{source: "Google", params: {S: "Judge"}}]},
                                  {id: 'Id35', name:"Champmathieu", group:2, links: [{source: "Google", params: {S: "Champmathieu"}}]},
                                  {id: 'Id36', name:"Brevet", group:2, links: [{source: "Google", params: {S: "Brevet"}}]},
                                  {id: 'Id37', name:"Chenildieu", group:2, links: [{source: "Google", params: {S: "Chenildieu"}}]},
                                  {id: 'Id38', name:"Cochepaille", group:2, links: [{source: "Google", params: {S: "Cochepaille"}}]},
                                  {id: 'Id39', name:"Pontmercy", group:4, links: [{source: "Google", params: {S: "Pontmercy"}}]},
                                  {id: 'Id40', name:"Boulatruelle", group:6, links: [{source: "Google", params: {S: "Boulatruelle"}}]},
                                  {id: 'Id41', name:"Eponine", group:4, links: [{source: "Google", params: {S: "Eponine"}}]},
                                  {id: 'Id42', name:"Anzelma", group:4, links: [{source: "Google", params: {S: "Anzelma"}}]},
                                  {id: 'Id43', name:"Woman 2", group:5, links: [{source: "Google", params: {S: "Woman 2"}}]},
                                  {id: 'Id44', name:"Mother Innocent", group:0, links: [{source: "Google", params: {S: "Mother Innocent"}}]},
                                  {id: 'Id45', name:"Gribier", group:0, links: [{source: "Google", params: {S: "Gribier"}}]},
                                  {id: 'Id46', name:"Jondrette", group:7, links: [{source: "Google", params: {S: "Jondrette"}}]},
                                  {id: 'Id47', name:"Mme. Burgon", group:7, links: [{source: "Google", params: {S: "Mme. Burgon"}}]},
                                  {id: 'Id48', name:"Gavroche", group:8, links: [{source: "Google", params: {S: "Gavroche"}}]},
                                  {id: 'Id49', name:"Gillenormand", group:5, links: [{source: "Google", params: {S: "Gillenormand"}}]},
                                  {id: 'Id50', name:"Magnon", group:5, links: [{source: "Google", params: {S: "Magnon"}}]},
                                  {id: 'Id51', name:"Mlle. Gillenormand", group:5, links: [{source: "Google", params: {S: "Mlle. Gillenormand"}}]},
                                  {id: 'Id52', name:"Mme. Pontmercy", group:5, links: [{source: "Google", params: {S: "Mme. Pontmercy"}}]},
                                  {id: 'Id53', name:"Mlle. Vaubois", group:5, links: [{source: "Google", params: {S: "Mlle. Vaubois"}}]},
                                  {id: 'Id54', name:"Lt. Gillenormand", group:5, links: [{source: "Google", params: {S: "Lt. Gillenormand"}}]},
                                  {id: 'Id55', name:"Marius", group:8, links: [{source: "Google", params: {S: "Marius"}}]},
                                  {id: 'Id56', name:"Baroness T", group:5, links: [{source: "Google", params: {S: "Baroness T"}}]},
                                  {id: 'Id57', name:"Mabeuf", group:8, links: [{source: "Google", params: {S: "Mabeuf"}}]},
                                  {id: 'Id58', name:"Enjolras", group:8, links: [{source: "Google", params: {S: "Enjolras"}}]},
                                  {id: 'Id59', name:"Combeferre", group:8, links: [{source: "Google", params: {S: "Combeferre"}}]},
                                  {id: 'Id60', name:"Prouvaire", group:8, links: [{source: "Google", params: {S: "Prouvaire"}}]},
                                  {id: 'Id61', name:"Feuilly", group:8, links: [{source: "Google", params: {S: "Feuilly"}}]},
                                  {id: 'Id62', name:"Courfeyrac", group:8, links: [{source: "Google", params: {S: "Courfeyrac"}}]},
                                  {id: 'Id63', name:"Bahorel", group:8, links: [{source: "Google", params: {S: "Bahorel"}}]},
                                  {id: 'Id64', name:"Bossuet", group:8, links: [{source: "Google", params: {S: "Bossuet"}}]},
                                  {id: 'Id65', name:"Joly", group:8, links: [{source: "Google", params: {S: "Joly"}}]},
                                  {id: 'Id66', name:"Grantaire", group:8, links: [{source: "Google", params: {S: "Grantaire"}}]},
                                  {id: 'Id67', name:"Mother Plutarch", group:9, links: [{source: "Google", params: {S: "Mother Plutarch"}}]},
                                  {id: 'Id68', name:"Gueulemer", group:4, links: [{source: "Google", params: {S: "Gueulemer"}}]},
                                  {id: 'Id69', name:"Babet", group:4, links: [{source: "Google", params: {S: "Babet"}}]},
                                  {id: 'Id70', name:"Claquesous", group:4, links: [{source: "Google", params: {S: "Claquesous"}}]},
                                  {id: 'Id71', name:"Montparnasse", group:4, links: [{source: "Google", params: {S: "Montparnasse"}}]},
                                  {id: 'Id72', name:"Toussaint", group:5, links: [{source: "Google", params: {S: "Toussaint"}}]},
                                  {id: 'Id73', name:"Child 1", group:10, links: [{source: "Google", params: {S: "Child 1"}}]},
                                  {id: 'Id74', name:"Child 2", group:10, links: [{source: "Google", params: {S: "Child 2"}}]},
                                  {id: 'Id75', name:"Brujon", group:4, links: [{source: "Google", params: {S: "Brujon"}}]},
                                  {id: 'Id76', name:"Mme. Hucheloup", group:8, links: [{source: "Google", params: {S: "Mme. Hucheloup"}}]}],
                          edges: [{id1:'Id1',  id2:'Id0', value:1},
                                  {id1:'Id2',  id2:'Id0', value:8},
                                  {id1:'Id3',  id2:'Id0', value:10},
                                  {id1:'Id3',  id2:'Id2', value:6},
                                  {id1:'Id4',  id2:'Id0', value:1},
                                  {id1:'Id5',  id2:'Id0', value:1},
                                  {id1:'Id6',  id2:'Id0', value:1},
                                  {id1:'Id7',  id2:'Id0', value:1},
                                  {id1:'Id8',  id2:'Id0', value:2},
                                  {id1:'Id9',  id2:'Id0', value:1},
                                  {id1:'Id11', id2:'Id10', value:1},
                                  {id1:'Id11', id2:'Id3', value:3},
                                  {id1:'Id11', id2:'Id2', value:3},
                                  {id1:'Id11', id2:'Id0', value:5},
                                  {id1:'Id12', id2:'Id11', value:1},
                                  {id1:'Id13', id2:'Id11', value:1},
                                  {id1:'Id14', id2:'Id11', value:1},
                                  {id1:'Id15', id2:'Id11', value:1},
                                  {id1:'Id17', id2:'Id16', value:4},
                                  {id1:'Id18', id2:'Id16', value:4},
                                  {id1:'Id18', id2:'Id17', value:4},
                                  {id1:'Id19', id2:'Id16', value:4},
                                  {id1:'Id19', id2:'Id17', value:4},
                                  {id1:'Id19', id2:'Id18', value:4},
                                  {id1:'Id20', id2:'Id16', value:3},
                                  {id1:'Id20', id2:'Id17', value:3},
                                  {id1:'Id20', id2:'Id18', value:3},
                                  {id1:'Id20', id2:'Id19', value:4},
                                  {id1:'Id21', id2:'Id16', value:3},
                                  {id1:'Id21', id2:'Id17', value:3},
                                  {id1:'Id21', id2:'Id18', value:3},
                                  {id1:'Id21', id2:'Id19', value:3},
                                  {id1:'Id21', id2:'Id20', value:5},
                                  {id1:'Id22', id2:'Id16', value:3},
                                  {id1:'Id22', id2:'Id17', value:3},
                                  {id1:'Id22', id2:'Id18', value:3},
                                  {id1:'Id22', id2:'Id19', value:3},
                                  {id1:'Id22', id2:'Id20', value:4},
                                  {id1:'Id22', id2:'Id21', value:4},
                                  {id1:'Id23', id2:'Id16', value:3},
                                  {id1:'Id23', id2:'Id17', value:3},
                                  {id1:'Id23', id2:'Id18', value:3},
                                  {id1:'Id23', id2:'Id19', value:3},
                                  {id1:'Id23', id2:'Id20', value:4},
                                  {id1:'Id23', id2:'Id21', value:4},
                                  {id1:'Id23', id2:'Id22', value:4},
                                  {id1:'Id23', id2:'Id12', value:2},
                                  {id1:'Id23', id2:'Id11', value:9},
                                  {id1:'Id24', id2:'Id23', value:2},
                                  {id1:'Id24', id2:'Id11', value:7},
                                  {id1:'Id25', id2:'Id24', value:13},
                                  {id1:'Id25', id2:'Id23', value:1},
                                  {id1:'Id25', id2:'Id11', value:12},
                                  {id1:'Id26', id2:'Id24', value:4},
                                  {id1:'Id26', id2:'Id11', value:31},
                                  {id1:'Id26', id2:'Id16', value:1},
                                  {id1:'Id26', id2:'Id25', value:1},
                                  {id1:'Id27', id2:'Id11', value:17},
                                  {id1:'Id27', id2:'Id23', value:5},
                                  {id1:'Id27', id2:'Id25', value:5},
                                  {id1:'Id27', id2:'Id24', value:1},
                                  {id1:'Id27', id2:'Id26', value:1},
                                  {id1:'Id28', id2:'Id11', value:8},
                                  {id1:'Id28', id2:'Id27', value:1},
                                  {id1:'Id29', id2:'Id23', value:1},
                                  {id1:'Id29', id2:'Id27', value:1},
                                  {id1:'Id29', id2:'Id11', value:2},
                                  {id1:'Id30', id2:'Id23', value:1},
                                  {id1:'Id31', id2:'Id30', value:2},
                                  {id1:'Id31', id2:'Id11', value:3},
                                  {id1:'Id31', id2:'Id23', value:2},
                                  {id1:'Id31', id2:'Id27', value:1},
                                  {id1:'Id32', id2:'Id11', value:1},
                                  {id1:'Id33', id2:'Id11', value:2},
                                  {id1:'Id33', id2:'Id27', value:1},
                                  {id1:'Id34', id2:'Id11', value:3},
                                  {id1:'Id34', id2:'Id29', value:2},
                                  {id1:'Id35', id2:'Id11', value:3},
                                  {id1:'Id35', id2:'Id34', value:3},
                                  {id1:'Id35', id2:'Id29', value:2},
                                  {id1:'Id36', id2:'Id34', value:2},
                                  {id1:'Id36', id2:'Id35', value:2},
                                  {id1:'Id36', id2:'Id11', value:2},
                                  {id1:'Id36', id2:'Id29', value:1},
                                  {id1:'Id37', id2:'Id34', value:2},
                                  {id1:'Id37', id2:'Id35', value:2},
                                  {id1:'Id37', id2:'Id36', value:2},
                                  {id1:'Id37', id2:'Id11', value:2},
                                  {id1:'Id37', id2:'Id29', value:1},
                                  {id1:'Id38', id2:'Id34', value:2},
                                  {id1:'Id38', id2:'Id35', value:2},
                                  {id1:'Id38', id2:'Id36', value:2},
                                  {id1:'Id38', id2:'Id37', value:2},
                                  {id1:'Id38', id2:'Id11', value:2},
                                  {id1:'Id38', id2:'Id29', value:1},
                                  {id1:'Id39', id2:'Id25', value:1},
                                  {id1:'Id40', id2:'Id25', value:1},
                                  {id1:'Id41', id2:'Id24', value:2},
                                  {id1:'Id41', id2:'Id25', value:3},
                                  {id1:'Id42', id2:'Id41', value:2},
                                  {id1:'Id42', id2:'Id25', value:2},
                                  {id1:'Id42', id2:'Id24', value:1},
                                  {id1:'Id43', id2:'Id11', value:3},
                                  {id1:'Id43', id2:'Id26', value:1},
                                  {id1:'Id43', id2:'Id27', value:1},
                                  {id1:'Id44', id2:'Id28', value:3},
                                  {id1:'Id44', id2:'Id11', value:1},
                                  {id1:'Id45', id2:'Id28', value:2},
                                  {id1:'Id47', id2:'Id46', value:1},
                                  {id1:'Id48', id2:'Id47', value:2},
                                  {id1:'Id48', id2:'Id25', value:1},
                                  {id1:'Id48', id2:'Id27', value:1},
                                  {id1:'Id48', id2:'Id11', value:1},
                                  {id1:'Id49', id2:'Id26', value:3},
                                  {id1:'Id49', id2:'Id11', value:2},
                                  {id1:'Id50', id2:'Id49', value:1},
                                  {id1:'Id50', id2:'Id24', value:1},
                                  {id1:'Id51', id2:'Id49', value:9},
                                  {id1:'Id51', id2:'Id26', value:2},
                                  {id1:'Id51', id2:'Id11', value:2},
                                  {id1:'Id52', id2:'Id51', value:1},
                                  {id1:'Id52', id2:'Id39', value:1},
                                  {id1:'Id53', id2:'Id51', value:1},
                                  {id1:'Id54', id2:'Id51', value:2},
                                  {id1:'Id54', id2:'Id49', value:1},
                                  {id1:'Id54', id2:'Id26', value:1},
                                  {id1:'Id55', id2:'Id51', value:6},
                                  {id1:'Id55', id2:'Id49', value:12},
                                  {id1:'Id55', id2:'Id39', value:1},
                                  {id1:'Id55', id2:'Id54', value:1},
                                  {id1:'Id55', id2:'Id26', value:21},
                                  {id1:'Id55', id2:'Id11', value:19},
                                  {id1:'Id55', id2:'Id16', value:1},
                                  {id1:'Id55', id2:'Id25', value:2},
                                  {id1:'Id55', id2:'Id41', value:5},
                                  {id1:'Id55', id2:'Id48', value:4},
                                  {id1:'Id56', id2:'Id49', value:1},
                                  {id1:'Id56', id2:'Id55', value:1},
                                  {id1:'Id57', id2:'Id55', value:1},
                                  {id1:'Id57', id2:'Id41', value:1},
                                  {id1:'Id57', id2:'Id48', value:1},
                                  {id1:'Id58', id2:'Id55', value:7},
                                  {id1:'Id58', id2:'Id48', value:7},
                                  {id1:'Id58', id2:'Id27', value:6},
                                  {id1:'Id58', id2:'Id57', value:1},
                                  {id1:'Id58', id2:'Id11', value:4},
                                  {id1:'Id59', id2:'Id58', value:15},
                                  {id1:'Id59', id2:'Id55', value:5},
                                  {id1:'Id59', id2:'Id48', value:6},
                                  {id1:'Id59', id2:'Id57', value:2},
                                  {id1:'Id60', id2:'Id48', value:1},
                                  {id1:'Id60', id2:'Id58', value:4},
                                  {id1:'Id60', id2:'Id59', value:2},
                                  {id1:'Id61', id2:'Id48', value:2},
                                  {id1:'Id61', id2:'Id58', value:6},
                                  {id1:'Id61', id2:'Id60', value:2},
                                  {id1:'Id61', id2:'Id59', value:5},
                                  {id1:'Id61', id2:'Id57', value:1},
                                  {id1:'Id61', id2:'Id55', value:1},
                                  {id1:'Id62', id2:'Id55', value:9},
                                  {id1:'Id62', id2:'Id58', value:17},
                                  {id1:'Id62', id2:'Id59', value:13},
                                  {id1:'Id62', id2:'Id48', value:7},
                                  {id1:'Id62', id2:'Id57', value:2},
                                  {id1:'Id62', id2:'Id41', value:1},
                                  {id1:'Id62', id2:'Id61', value:6},
                                  {id1:'Id62', id2:'Id60', value:3},
                                  {id1:'Id63', id2:'Id59', value:5},
                                  {id1:'Id63', id2:'Id48', value:5},
                                  {id1:'Id63', id2:'Id62', value:6},
                                  {id1:'Id63', id2:'Id57', value:2},
                                  {id1:'Id63', id2:'Id58', value:4},
                                  {id1:'Id63', id2:'Id61', value:3},
                                  {id1:'Id63', id2:'Id60', value:2},
                                  {id1:'Id63', id2:'Id55', value:1},
                                  {id1:'Id64', id2:'Id55', value:5},
                                  {id1:'Id64', id2:'Id62', value:12},
                                  {id1:'Id64', id2:'Id48', value:5},
                                  {id1:'Id64', id2:'Id63', value:4},
                                  {id1:'Id64', id2:'Id58', value:10},
                                  {id1:'Id64', id2:'Id61', value:6},
                                  {id1:'Id64', id2:'Id60', value:2},
                                  {id1:'Id64', id2:'Id59', value:9},
                                  {id1:'Id64', id2:'Id57', value:1},
                                  {id1:'Id64', id2:'Id11', value:1},
                                  {id1:'Id65', id2:'Id63', value:5},
                                  {id1:'Id65', id2:'Id64', value:7},
                                  {id1:'Id65', id2:'Id48', value:3},
                                  {id1:'Id65', id2:'Id62', value:5},
                                  {id1:'Id65', id2:'Id58', value:5},
                                  {id1:'Id65', id2:'Id61', value:5},
                                  {id1:'Id65', id2:'Id60', value:2},
                                  {id1:'Id65', id2:'Id59', value:5},
                                  {id1:'Id65', id2:'Id57', value:1},
                                  {id1:'Id65', id2:'Id55', value:2},
                                  {id1:'Id66', id2:'Id64', value:3},
                                  {id1:'Id66', id2:'Id58', value:3},
                                  {id1:'Id66', id2:'Id59', value:1},
                                  {id1:'Id66', id2:'Id62', value:2},
                                  {id1:'Id66', id2:'Id65', value:2},
                                  {id1:'Id66', id2:'Id48', value:1},
                                  {id1:'Id66', id2:'Id63', value:1},
                                  {id1:'Id66', id2:'Id61', value:1},
                                  {id1:'Id66', id2:'Id60', value:1},
                                  {id1:'Id67', id2:'Id57', value:3},
                                  {id1:'Id68', id2:'Id25', value:5},
                                  {id1:'Id68', id2:'Id11', value:1},
                                  {id1:'Id68', id2:'Id24', value:1},
                                  {id1:'Id68', id2:'Id27', value:1},
                                  {id1:'Id68', id2:'Id48', value:1},
                                  {id1:'Id68', id2:'Id41', value:1},
                                  {id1:'Id69', id2:'Id25', value:6},
                                  {id1:'Id69', id2:'Id68', value:6},
                                  {id1:'Id69', id2:'Id11', value:1},
                                  {id1:'Id69', id2:'Id24', value:1},
                                  {id1:'Id69', id2:'Id27', value:2},
                                  {id1:'Id69', id2:'Id48', value:1},
                                  {id1:'Id69', id2:'Id41', value:1},
                                  {id1:'Id70', id2:'Id25', value:4},
                                  {id1:'Id70', id2:'Id69', value:4},
                                  {id1:'Id70', id2:'Id68', value:4},
                                  {id1:'Id70', id2:'Id11', value:1},
                                  {id1:'Id70', id2:'Id24', value:1},
                                  {id1:'Id70', id2:'Id27', value:1},
                                  {id1:'Id70', id2:'Id41', value:1},
                                  {id1:'Id70', id2:'Id58', value:1},
                                  {id1:'Id71', id2:'Id27', value:1},
                                  {id1:'Id71', id2:'Id69', value:2},
                                  {id1:'Id71', id2:'Id68', value:2},
                                  {id1:'Id71', id2:'Id70', value:2},
                                  {id1:'Id71', id2:'Id11', value:1},
                                  {id1:'Id71', id2:'Id48', value:1},
                                  {id1:'Id71', id2:'Id41', value:1},
                                  {id1:'Id71', id2:'Id25', value:1},
                                  {id1:'Id72', id2:'Id26', value:2},
                                  {id1:'Id72', id2:'Id27', value:1},
                                  {id1:'Id72', id2:'Id11', value:1},
                                  {id1:'Id73', id2:'Id48', value:2},
                                  {id1:'Id74', id2:'Id48', value:2},
                                  {id1:'Id74', id2:'Id73', value:3},
                                  {id1:'Id75', id2:'Id69', value:3},
                                  {id1:'Id75', id2:'Id68', value:3},
                                  {id1:'Id75', id2:'Id25', value:3},
                                  {id1:'Id75', id2:'Id48', value:1},
                                  {id1:'Id75', id2:'Id41', value:1},
                                  {id1:'Id75', id2:'Id70', value:1},
                                  {id1:'Id75', id2:'Id71', value:1},
                                  {id1:'Id76', id2:'Id64', value:1},
                                  {id1:'Id76', id2:'Id65', value:1},
                                  {id1:'Id76', id2:'Id66', value:1},
                                  {id1:'Id76', id2:'Id63', value:1},
                                  {id1:'Id76', id2:'Id62', value:1},
                                  {id1:'Id76', id2:'Id48', value:1},
                                  {id1:'Id76', id2:'Id58', value:1}],
                          links: {"Google": {"url": "http://www.google.com/search?q=$S$", "name": "Google", "title": "Google", "icon": "http://canvasxpress.org/images/google.png"}}},
                         {graphType: 'Network',
                          colorNodeBy: 'group',
                          indicatorCenter: 'rainbow',
                          layoutTime: 30,
                          maxIterations: 80,
                          gradient: true,
                          backgroundGradient2Color: "rgb(112,179,222)",
                          backgroundGradient1Color: "rgb(226,236,248)",
                          nodeFontColor: 'rgb(29,34,43)',
                          showAnimation: true});
        new CanvasXpress('canvas1',
                         {nodes:  [{id: 'Gene1', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                   {id: 'Gene2', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                   {id: 'Gene3', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                   {id: 'Gene4', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                   {id: 'Gene5', color: 'rgb(255,0,0)', shape: 'square', size: 2.3},
                                   {id: 'Gene6', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                   {id: 'Gene7', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                   {id: 'Gene8', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                   {id: 'SNP1', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                   {id: 'SNP2', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                   {id: 'SNP3', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                   {id: 'SNP4', color: 'rgb(0,255,0)', shape: 'sphere', size: 2.5},
                                   {id: 'SNP5', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                   {id: 'SNP6', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                   {id: 'SNP7', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                   {id: 'SNP8', color: 'rgb(0,255,0)', shape: 'sphere', size: 2.2},
                                   {id: 'PH1', color: 'rgb(0,255,255)', shape: 'star', size: 2},
                                   {id: 'PH1a', color: 'rgb(0,255,255)', shape: 'star', parentNode: 'PH1', size: 2},
                                   {id: 'PH1b', color: 'rgb(0,255,255)', shape: 'star', parentNode: 'PH1', size: 2},
                                   {id: 'PH2', color: 'rgb(0,255,255)', shape: 'star', size: 2},
                                   {id: 'PH2a', color: 'rgb(0,255,255)', shape: 'star', parentNode: 'PH2', size: 2},
                                   {id: 'PH2b', color: 'rgb(0,255,255)', shape: 'star', parentNode: 'PH2', size: 2},
                                   {id: 'PH2ba', color: 'rgb(0,255,255)', shape: 'star', parentNode: 'PH2b', size: 2},
                                   {id: 'PH3', color: 'rgb(0,255,255)', shape: 'star', size: 2},
                                   {id: 'PH4', color: 'rgb(0,255,255)', shape: 'star', size: 2}],
                          edges:  [{id1: 'Gene1', id2: 'Gene2', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'SNP1', id2: 'PH1', color: 'rgb(51,12,152)', width: '3', type: 'line'},
                                   {id1: 'Gene2', id2: 'Gene7', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'Gene2', id2: 'Gene8', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'Gene1', id2: 'Gene3', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'SNP4', id2: 'PH4', color: 'rgb(51,12,152)', width: '3', type: 'line'},
                                   {id1: 'PH1', id2: 'PH1a', color: 'rgb(102,12,152)', width: '3', type: 'line'},
                                   {id1: 'PH1', id2: 'PH1b', color: 'rgb(102,12,152)', width: '3', type: 'line'},
                                   {id1: 'Gene4', id2: 'SNP3', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'Gene6', id2: 'SNP4', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'PH2', id2: 'PH2a', color: 'rgb(51,12,152)', width: '3', type: 'line'},
                                   {id1: 'PH2', id2: 'PH2b', color: 'rgb(102,12,152)', width: '3', type: 'line'},
                                   {id1: 'Gene6', id2: 'SNP5', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'Gene7', id2: 'SNP6', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'SNP6', id2: 'SNP7', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'Gene1', id2: 'Gene4', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'Gene1', id2: 'Gene5', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'SNP7', id2: 'Gene6', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'SNP6', id2: 'SNP8', color: 'rgb(153,12,255)', width: '3', type: 'line'},
                                   {id1: 'Gene3', id2: 'SNP1', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'Gene3', id2: 'SNP2', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                   {id1: 'SNP2', id2: 'PH2', color: 'rgb(153,12,255)', width: '3', type: 'line'},
                                   {id1: 'SNP3', id2: 'PH3', color: 'rgb(51,12,152)', width: '3', type: 'line'},
                                   {id1: 'PH2b', id2: 'PH2ba', color: 'rgb(102,12,152)', width: '3', type: 'line'}]},
                         {graphType: 'Network',
                          showAnimation: true,
                          gradient: true,
                          backgroundGradient2Color: "rgb(112,179,222)",
                          backgroundGradient1Color: "rgb(226,236,248)",
                          nodeFontColor: 'rgb(29,34,43)',
                          showNetworkRadialLayout: true,
                          networkLayoutType: 'radial'});

        new CanvasXpress('canvas2',
                         {nodes:  [{id: 'Cell', shape: 'image', eventless: true, width: 525, height: 400, imagePath: 'cell.png', x: 250, y: 250, hideLabel: true},
                                   {id: 'Gene1', exp1: 1, exp2: 2, exp3: 4, exp4: {cl1: 2, cl2: 4, cl3: 3}, exp5: {cl1: 12, cl2: 1, cl3: 5}, shape: 'image', width: 40, height: 40, imagePath: 'prot.png', x: 155, y: 160},
                                   {id: 'Gene2', exp1: 2, exp2: 4, exp3: 1, exp4: {cl1: 7, cl2: 1, cl3: 8}, exp5: {cl1: 1, cl2: 11, cl3: 8}, color: 'rgb(255,0,0)', shape: 'sphere', size: 1, x: 155, y: 340},
                                   {id: 'Gene3', exp1: 1, exp2: 5, exp3: 1, exp4: {cl1: 12, cl2: 4, cl3: 8}, exp5: {cl1: 3, cl2: 7, cl3: 5}, color: 'rgb(255,0,0)', shape: 'sphere', size: 1, x: 355, y: 160},
                                   {id: 'Gene4', label: 'Receptor\nGene4', exp1: 4, exp2: 2, exp3: 1, exp4: {cl1: 1, cl2: 14, cl3: 7}, exp5: {cl1: 2, cl2: 1, cl3: 15}, color: 'rgb(255,0,0)', shape: 'sphere', size: 1, x: 355, y: 340},
                                   {id: 'Gene5', exp1: 1, exp2: 3, exp3: 2, exp4: {cl1: 4, cl2: 4, cl3: 8}, exp5: {cl1: 6, cl2: 7, cl3: 2}, color: 'rgb(255,0,0)', shape: 'sphere', width: 20, height: 20, x: 255, y: 100},
                                   {id: 'Met', shape: 'image', width: 40, height: 40, imagePath: 'met.png', x: 255, y: 400, hideLabel: true},
                                   {id: 'Gene7', exp1: 3, exp2: 3, exp3: 4, exp4: {cl1: 2, cl2: 14, cl3: 1}, exp5: {cl1: 9, cl2: 3, cl3: 5}, shape: 'image', width: 40, height: 40, imagePath: 'prot7.png', x: 50, y: 250},
                                   {id: 'DNA', shape: 'image', width: 40, height: 40, imagePath: 'dna1.png', x: 450, y: 250, hideLabel: true}],
                          edges:  [{id1: 'Gene1', id2: 'Gene2', color: 'rgb(51,12,255)', width: '3', type: 'curvedArrowHeadLine'},
                                   {id1: 'Gene4', id2: 'Gene3', color: 'rgb(51,12,255)', width: '3', type: 'curvedArrowHeadLine'},
                                   {id1: 'Gene5', id2: 'Met', color: 'rgb(51,12,255)', width: '3', type: 'arrowHeadLine'},
                                   {id1: 'Gene3', id2: 'DNA', color: 'rgb(51,12,255)', width: '3', type: 'bezierArrowHeadLine'},
                                   {id1: 'Gene7', id2: 'Gene1', color: 'rgb(51,12,255)', width: '3', type: 'bezierArrowHeadLine'}],
                          legend: {nodes: [{shape: 'sphere',
                                            color: 'rgb(255,0,0)',
                                            text: 'Gene'}],
                                   edges: [{type: 'arrowHeadLine',
                                            text: 'Activate'}],
                                   text:  [{text: 'Cool Pathway',
                                            x: 150,
                                            y: 460}],
                                   pos: {nodes: {x: -5,
                                                 y: -5},
                                         edges: {x: 360,
                                                 y: -5},
                                         decorations: {x: 20,
                                                       y: 80}}}},
                         {graphType: 'Network',
                          backgroundGradient2Color: "rgb(112,179,222)",
                          backgroundGradient1Color: "rgb(226,236,248)",
                          gradient: true,
                          decorationsPosition: 'top',
                          decorationsType: 'bar',
                          showDecorations: true,
                          decorations: ['exp1', 'exp2', 'exp3'],
                          networkFreezeOnLoad: true,
                          nodeFontColor: 'rgb(29,34,43)',
                          calculateLayout: false});
      }

      var jumpTo = function(url) {
        parent.location=url
      }

      var showSourceCode = function(id) {
        var c = document.getElementById(id)
        if (c) {
          var d = c.style.display
          if (d == 'none') {
            c.style.display = 'block';
          } else {
            c.style.display = 'none';
          }
        }
      }

      var showCode = function(cb, t) {
        var cx = CanvasXpress.references
          for (var i = 0; i < CanvasXpress.references.length; i++) {
            if (CanvasXpress.references[i].target == t) {
              var c = CanvasXpress.references[i];
              if(cb.checked) {
                c.showCode = true;
                c.draw()
              } else {
                c.showCode = false;
                c.hideCodeDiv()
              }
            }
          }
      }

      var showData = function(cb, t) {
        var cx = CanvasXpress.references
          for (var i = 0; i < CanvasXpress.references.length; i++) {
            if (CanvasXpress.references[i].target == t) {
              var c = CanvasXpress.references[i];
              if(cb.checked) {
                c.showDataTable = true;
              } else {
                c.showDataTable = false;
              }
              c.draw()
            }
          }
      }

    </script>

  </head>

  <body onload="showDemo();">

    <div class="page">

      <div class="header">

        <a href="./" class="logo">canvasXpress | Javascript Canvas Graphing Library</a>

        <div class="share">
          <a class="addthis_button" href="http://addthis.com/bookmark.php?v=250&amp;username=xa-4c58a3ba2ff9a164">
            <img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/>
          </a>
          <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c58a3ba2ff9a164"></script>
        </div>

        <div class="donate">
          <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_s-xclick">
            <input type="hidden" name="hosted_button_id" value="EVP6CWVNJN7SY">
            <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
            <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
          </form>
        </div>

        <ul class="nav">
          <li ><a href="./">Home</a></li>
          <li ><a href="./about.html">About</a></li>
          <li ><a href="./documentation.html">Documentation</a></li>
          <li class="current"><a href="./bar.html">Examples</a></li>
          <li ><a href="./download.html">Download</a></li>
          <li ><a href="./contact.html">Contact</a></li>
        </ul>

      </div>

      <div class="wrap">

        <div class="content">

          <div id="examples">

            <div class="chooseGraph">
              <select onchange="jumpTo(this.value)">
                <option selected="selected">Select a Graph...</option>
                <option value="./bar.html">Bar graphs</option>
                <option value="./line.html">Line graphs</option>
                <option value="./barline.html">Bar-line combination</option>
                <option value="./boxplot.html">Boxplots</option>
                <option value="./dotplot.html">Dotplots</option>
                <option value="./area.html">Area graphs</option>
                <option value="./stacked.html">Stacked graphs</option>
                <option value="./correlation.html">Correlation plots</option>
                <option value="./venn.html">Venn diagrams</option>
                <option value="./heatmap.html">Heatmaps</option>
                <option value="./scatter2d.html">2D-scatter plots</option>
                <option value="./scatter3d.html">3D-scatter plots</option>
                <option value="./pie.html">Pie charts</option>
                <option value="./candlestick.html">Stock Market charts</option>
                <option value="./network.html">Networks (or pathways)</option>
                <option value="./genome.html">Genome browser</option>
                <option value="./circular.html">Circular plots</option>
                <option value="./layout.html">Complex plot layouts</option>
                <option value="./extjs.html">Ext-JS Panel</option>
                <option value="./test.html">Test Page</option>
              </select>
            </div>
            <br>

          </div>

          <h1>Network</h1>

          <div class='desc'>
            <p>
            </p>
          </div>

            <div>
              <br /><br />
              <form>
                <div style="width: 613px;">
                  <input alt="Code included in the HTML page" title="Code included in the HTML page" type="checkbox" value="ch1-canvas" onclick="showSourceCode('code-canvas')"/>Show Source Code&nbsp;&nbsp;&nbsp;&nbsp;
                  <input alt="Code transformed after initialized CanvasXpress" title="Code transformed after initialized CanvasXpress" type="checkbox" value="ch2-canvas" onclick="showCode(this, 'canvas')"/>Show Transformed Code&nbsp;&nbsp;&nbsp;&nbsp;
                  <input alt="Show data in HTML table" title="Show data in HTML table" type="checkbox" value="ch3-canvas" onclick="showData(this, 'canvas')"/>Show Data
                </div>
              </form>
              <canvas id="canvas" width="613" height="500"></canvas>
            </div>
            <div class="code" id="code-canvas" style="display: none;">
              <pre>
                new CanvasXpress('canvas',
                                 {nodes: [{id: 'Id0', name:"Myriel", group:1, links: [{source: "Google", params: {S: "Myriel"}}]},
                                          {id: 'Id1', name:"Napoleon", group:1, links: [{source: "Google", params: {S: "Napoleon"}}]},
                                          {id: 'Id2', name:"Mlle. Baptistine", group:1, links: [{source: "Google", params: {S: "Mlle. Baptistine"}}]},
                                          {id: 'Id3', name:"Mme. Magloire", group:1, links: [{source: "Google", params: {S: "Mme. Magloire"}}]},
                                          {id: 'Id4', name:"Countess de Lo", group:1, links: [{source: "Google", params: {S: "Countess de Lo"}}]},
                                          {id: 'Id5', name:"Geborand", group:1, links: [{source: "Google", params: {S: "Geborand"}}]},
                                          {id: 'Id6', name:"Champtercier", group:1, links: [{source: "Google", params: {S: "Champtercier"}}]},
                                          {id: 'Id7', name:"Cravatte", group:1, links: [{source: "Google", params: {S: "Cravatte"}}]},
                                          {id: 'Id8', name:"Count", group:1, links: [{source: "Google", params: {S: "Count"}}]},
                                          {id: 'Id9', name:"Old Man", group:1, links: [{source: "Google", params: {S: "Old Man"}}]},
                                          {id: 'Id10', name:"Labarre", group:2, links: [{source: "Google", params: {S: "Labarre"}}]},
                                          {id: 'Id11', name:"Valjean", group:2, links: [{source: "Google", params: {S: "Valjean"}}]},
                                          {id: 'Id12', name:"Marguerite", group:3, links: [{source: "Google", params: {S: "Marguerite"}}]},
                                          {id: 'Id13', name:"Mme. de R", group:2, links: [{source: "Google", params: {S: "Mme. de R"}}]},
                                          {id: 'Id14', name:"Isabeau", group:2, links: [{source: "Google", params: {S: "Isabeau"}}]},
                                          {id: 'Id15', name:"Gervais", group:2, links: [{source: "Google", params: {S: "Gervais"}}]},
                                          {id: 'Id16', name:"Tholomyes", group:3, links: [{source: "Google", params: {S: "Tholomyes"}}]},
                                          {id: 'Id17', name:"Listolier", group:3, links: [{source: "Google", params: {S: "Listolier"}}]},
                                          {id: 'Id18', name:"Fameuil", group:3, links: [{source: "Google", params: {S: "Fameuil"}}]},
                                          {id: 'Id19', name:"Blacheville", group:3, links: [{source: "Google", params: {S: "Blacheville"}}]},
                                          {id: 'Id20', name:"Favourite", group:3, links: [{source: "Google", params: {S: "Favourite"}}]},
                                          {id: 'Id21', name:"Dahlia", group:3, links: [{source: "Google", params: {S: "Dahlia"}}]},
                                          {id: 'Id22', name:"Zephine", group:3, links: [{source: "Google", params: {S: "Zephine"}}]},
                                          {id: 'Id23', name:"Fantine", group:3, links: [{source: "Google", params: {S: "Fantine"}}]},
                                          {id: 'Id24', name:"Mme. Thenardier", group:4, links: [{source: "Google", params: {S: "Mme. Thenardier"}}]},
                                          {id: 'Id25', name:"Thenardier", group:4, links: [{source: "Google", params: {S: "Thenardier"}}]},
                                          {id: 'Id26', name:"Cosette", group:5, links: [{source: "Google", params: {S: "Cosette"}}]},
                                          {id: 'Id27', name:"Javert", group:4, links: [{source: "Google", params: {S: "Javert"}}]},
                                          {id: 'Id28', name:"Fauchelevent", group:0, links: [{source: "Google", params: {S: "Fauchelevent"}}]},
                                          {id: 'Id29', name:"Bamatabois", group:2, links: [{source: "Google", params: {S: "Bamatabois"}}]},
                                          {id: 'Id30', name:"Perpetue", group:3, links: [{source: "Google", params: {S: "Perpetue"}}]},
                                          {id: 'Id31', name:"Simplice", group:2, links: [{source: "Google", params: {S: "Simplice"}}]},
                                          {id: 'Id32', name:"Scaufflaire", group:2, links: [{source: "Google", params: {S: "Scaufflaire"}}]},
                                          {id: 'Id33', name:"Woman 1", group:2, links: [{source: "Google", params: {S: "Woman 1"}}]},
                                          {id: 'Id34', name:"Judge", group:2, links: [{source: "Google", params: {S: "Judge"}}]},
                                          {id: 'Id35', name:"Champmathieu", group:2, links: [{source: "Google", params: {S: "Champmathieu"}}]},
                                          {id: 'Id36', name:"Brevet", group:2, links: [{source: "Google", params: {S: "Brevet"}}]},
                                          {id: 'Id37', name:"Chenildieu", group:2, links: [{source: "Google", params: {S: "Chenildieu"}}]},
                                          {id: 'Id38', name:"Cochepaille", group:2, links: [{source: "Google", params: {S: "Cochepaille"}}]},
                                          {id: 'Id39', name:"Pontmercy", group:4, links: [{source: "Google", params: {S: "Pontmercy"}}]},
                                          {id: 'Id40', name:"Boulatruelle", group:6, links: [{source: "Google", params: {S: "Boulatruelle"}}]},
                                          {id: 'Id41', name:"Eponine", group:4, links: [{source: "Google", params: {S: "Eponine"}}]},
                                          {id: 'Id42', name:"Anzelma", group:4, links: [{source: "Google", params: {S: "Anzelma"}}]},
                                          {id: 'Id43', name:"Woman 2", group:5, links: [{source: "Google", params: {S: "Woman 2"}}]},
                                          {id: 'Id44', name:"Mother Innocent", group:0, links: [{source: "Google", params: {S: "Mother Innocent"}}]},
                                          {id: 'Id45', name:"Gribier", group:0, links: [{source: "Google", params: {S: "Gribier"}}]},
                                          {id: 'Id46', name:"Jondrette", group:7, links: [{source: "Google", params: {S: "Jondrette"}}]},
                                          {id: 'Id47', name:"Mme. Burgon", group:7, links: [{source: "Google", params: {S: "Mme. Burgon"}}]},
                                          {id: 'Id48', name:"Gavroche", group:8, links: [{source: "Google", params: {S: "Gavroche"}}]},
                                          {id: 'Id49', name:"Gillenormand", group:5, links: [{source: "Google", params: {S: "Gillenormand"}}]},
                                          {id: 'Id50', name:"Magnon", group:5, links: [{source: "Google", params: {S: "Magnon"}}]},
                                          {id: 'Id51', name:"Mlle. Gillenormand", group:5, links: [{source: "Google", params: {S: "Mlle. Gillenormand"}}]},
                                          {id: 'Id52', name:"Mme. Pontmercy", group:5, links: [{source: "Google", params: {S: "Mme. Pontmercy"}}]},
                                          {id: 'Id53', name:"Mlle. Vaubois", group:5, links: [{source: "Google", params: {S: "Mlle. Vaubois"}}]},
                                          {id: 'Id54', name:"Lt. Gillenormand", group:5, links: [{source: "Google", params: {S: "Lt. Gillenormand"}}]},
                                          {id: 'Id55', name:"Marius", group:8, links: [{source: "Google", params: {S: "Marius"}}]},
                                          {id: 'Id56', name:"Baroness T", group:5, links: [{source: "Google", params: {S: "Baroness T"}}]},
                                          {id: 'Id57', name:"Mabeuf", group:8, links: [{source: "Google", params: {S: "Mabeuf"}}]},
                                          {id: 'Id58', name:"Enjolras", group:8, links: [{source: "Google", params: {S: "Enjolras"}}]},
                                          {id: 'Id59', name:"Combeferre", group:8, links: [{source: "Google", params: {S: "Combeferre"}}]},
                                          {id: 'Id60', name:"Prouvaire", group:8, links: [{source: "Google", params: {S: "Prouvaire"}}]},
                                          {id: 'Id61', name:"Feuilly", group:8, links: [{source: "Google", params: {S: "Feuilly"}}]},
                                          {id: 'Id62', name:"Courfeyrac", group:8, links: [{source: "Google", params: {S: "Courfeyrac"}}]},
                                          {id: 'Id63', name:"Bahorel", group:8, links: [{source: "Google", params: {S: "Bahorel"}}]},
                                          {id: 'Id64', name:"Bossuet", group:8, links: [{source: "Google", params: {S: "Bossuet"}}]},
                                          {id: 'Id65', name:"Joly", group:8, links: [{source: "Google", params: {S: "Joly"}}]},
                                          {id: 'Id66', name:"Grantaire", group:8, links: [{source: "Google", params: {S: "Grantaire"}}]},
                                          {id: 'Id67', name:"Mother Plutarch", group:9, links: [{source: "Google", params: {S: "Mother Plutarch"}}]},
                                          {id: 'Id68', name:"Gueulemer", group:4, links: [{source: "Google", params: {S: "Gueulemer"}}]},
                                          {id: 'Id69', name:"Babet", group:4, links: [{source: "Google", params: {S: "Babet"}}]},
                                          {id: 'Id70', name:"Claquesous", group:4, links: [{source: "Google", params: {S: "Claquesous"}}]},
                                          {id: 'Id71', name:"Montparnasse", group:4, links: [{source: "Google", params: {S: "Montparnasse"}}]},
                                          {id: 'Id72', name:"Toussaint", group:5, links: [{source: "Google", params: {S: "Toussaint"}}]},
                                          {id: 'Id73', name:"Child 1", group:10, links: [{source: "Google", params: {S: "Child 1"}}]},
                                          {id: 'Id74', name:"Child 2", group:10, links: [{source: "Google", params: {S: "Child 2"}}]},
                                          {id: 'Id75', name:"Brujon", group:4, links: [{source: "Google", params: {S: "Brujon"}}]},
                                          {id: 'Id76', name:"Mme. Hucheloup", group:8, links: [{source: "Google", params: {S: "Mme. Hucheloup"}}]}],
                                  edges: [{id1:'Id1',  id2:'Id0', value:1},
                                          {id1:'Id2',  id2:'Id0', value:8},
                                          {id1:'Id3',  id2:'Id0', value:10},
                                          {id1:'Id3',  id2:'Id2', value:6},
                                          {id1:'Id4',  id2:'Id0', value:1},
                                          {id1:'Id5',  id2:'Id0', value:1},
                                          {id1:'Id6',  id2:'Id0', value:1},
                                          {id1:'Id7',  id2:'Id0', value:1},
                                          {id1:'Id8',  id2:'Id0', value:2},
                                          {id1:'Id9',  id2:'Id0', value:1},
                                          {id1:'Id11', id2:'Id10', value:1},
                                          {id1:'Id11', id2:'Id3', value:3},
                                          {id1:'Id11', id2:'Id2', value:3},
                                          {id1:'Id11', id2:'Id0', value:5},
                                          {id1:'Id12', id2:'Id11', value:1},
                                          {id1:'Id13', id2:'Id11', value:1},
                                          {id1:'Id14', id2:'Id11', value:1},
                                          {id1:'Id15', id2:'Id11', value:1},
                                          {id1:'Id17', id2:'Id16', value:4},
                                          {id1:'Id18', id2:'Id16', value:4},
                                          {id1:'Id18', id2:'Id17', value:4},
                                          {id1:'Id19', id2:'Id16', value:4},
                                          {id1:'Id19', id2:'Id17', value:4},
                                          {id1:'Id19', id2:'Id18', value:4},
                                          {id1:'Id20', id2:'Id16', value:3},
                                          {id1:'Id20', id2:'Id17', value:3},
                                          {id1:'Id20', id2:'Id18', value:3},
                                          {id1:'Id20', id2:'Id19', value:4},
                                          {id1:'Id21', id2:'Id16', value:3},
                                          {id1:'Id21', id2:'Id17', value:3},
                                          {id1:'Id21', id2:'Id18', value:3},
                                          {id1:'Id21', id2:'Id19', value:3},
                                          {id1:'Id21', id2:'Id20', value:5},
                                          {id1:'Id22', id2:'Id16', value:3},
                                          {id1:'Id22', id2:'Id17', value:3},
                                          {id1:'Id22', id2:'Id18', value:3},
                                          {id1:'Id22', id2:'Id19', value:3},
                                          {id1:'Id22', id2:'Id20', value:4},
                                          {id1:'Id22', id2:'Id21', value:4},
                                          {id1:'Id23', id2:'Id16', value:3},
                                          {id1:'Id23', id2:'Id17', value:3},
                                          {id1:'Id23', id2:'Id18', value:3},
                                          {id1:'Id23', id2:'Id19', value:3},
                                          {id1:'Id23', id2:'Id20', value:4},
                                          {id1:'Id23', id2:'Id21', value:4},
                                          {id1:'Id23', id2:'Id22', value:4},
                                          {id1:'Id23', id2:'Id12', value:2},
                                          {id1:'Id23', id2:'Id11', value:9},
                                          {id1:'Id24', id2:'Id23', value:2},
                                          {id1:'Id24', id2:'Id11', value:7},
                                          {id1:'Id25', id2:'Id24', value:13},
                                          {id1:'Id25', id2:'Id23', value:1},
                                          {id1:'Id25', id2:'Id11', value:12},
                                          {id1:'Id26', id2:'Id24', value:4},
                                          {id1:'Id26', id2:'Id11', value:31},
                                          {id1:'Id26', id2:'Id16', value:1},
                                          {id1:'Id26', id2:'Id25', value:1},
                                          {id1:'Id27', id2:'Id11', value:17},
                                          {id1:'Id27', id2:'Id23', value:5},
                                          {id1:'Id27', id2:'Id25', value:5},
                                          {id1:'Id27', id2:'Id24', value:1},
                                          {id1:'Id27', id2:'Id26', value:1},
                                          {id1:'Id28', id2:'Id11', value:8},
                                          {id1:'Id28', id2:'Id27', value:1},
                                          {id1:'Id29', id2:'Id23', value:1},
                                          {id1:'Id29', id2:'Id27', value:1},
                                          {id1:'Id29', id2:'Id11', value:2},
                                          {id1:'Id30', id2:'Id23', value:1},
                                          {id1:'Id31', id2:'Id30', value:2},
                                          {id1:'Id31', id2:'Id11', value:3},
                                          {id1:'Id31', id2:'Id23', value:2},
                                          {id1:'Id31', id2:'Id27', value:1},
                                          {id1:'Id32', id2:'Id11', value:1},
                                          {id1:'Id33', id2:'Id11', value:2},
                                          {id1:'Id33', id2:'Id27', value:1},
                                          {id1:'Id34', id2:'Id11', value:3},
                                          {id1:'Id34', id2:'Id29', value:2},
                                          {id1:'Id35', id2:'Id11', value:3},
                                          {id1:'Id35', id2:'Id34', value:3},
                                          {id1:'Id35', id2:'Id29', value:2},
                                          {id1:'Id36', id2:'Id34', value:2},
                                          {id1:'Id36', id2:'Id35', value:2},
                                          {id1:'Id36', id2:'Id11', value:2},
                                          {id1:'Id36', id2:'Id29', value:1},
                                          {id1:'Id37', id2:'Id34', value:2},
                                          {id1:'Id37', id2:'Id35', value:2},
                                          {id1:'Id37', id2:'Id36', value:2},
                                          {id1:'Id37', id2:'Id11', value:2},
                                          {id1:'Id37', id2:'Id29', value:1},
                                          {id1:'Id38', id2:'Id34', value:2},
                                          {id1:'Id38', id2:'Id35', value:2},
                                          {id1:'Id38', id2:'Id36', value:2},
                                          {id1:'Id38', id2:'Id37', value:2},
                                          {id1:'Id38', id2:'Id11', value:2},
                                          {id1:'Id38', id2:'Id29', value:1},
                                          {id1:'Id39', id2:'Id25', value:1},
                                          {id1:'Id40', id2:'Id25', value:1},
                                          {id1:'Id41', id2:'Id24', value:2},
                                          {id1:'Id41', id2:'Id25', value:3},
                                          {id1:'Id42', id2:'Id41', value:2},
                                          {id1:'Id42', id2:'Id25', value:2},
                                          {id1:'Id42', id2:'Id24', value:1},
                                          {id1:'Id43', id2:'Id11', value:3},
                                          {id1:'Id43', id2:'Id26', value:1},
                                          {id1:'Id43', id2:'Id27', value:1},
                                          {id1:'Id44', id2:'Id28', value:3},
                                          {id1:'Id44', id2:'Id11', value:1},
                                          {id1:'Id45', id2:'Id28', value:2},
                                          {id1:'Id47', id2:'Id46', value:1},
                                          {id1:'Id48', id2:'Id47', value:2},
                                          {id1:'Id48', id2:'Id25', value:1},
                                          {id1:'Id48', id2:'Id27', value:1},
                                          {id1:'Id48', id2:'Id11', value:1},
                                          {id1:'Id49', id2:'Id26', value:3},
                                          {id1:'Id49', id2:'Id11', value:2},
                                          {id1:'Id50', id2:'Id49', value:1},
                                          {id1:'Id50', id2:'Id24', value:1},
                                          {id1:'Id51', id2:'Id49', value:9},
                                          {id1:'Id51', id2:'Id26', value:2},
                                          {id1:'Id51', id2:'Id11', value:2},
                                          {id1:'Id52', id2:'Id51', value:1},
                                          {id1:'Id52', id2:'Id39', value:1},
                                          {id1:'Id53', id2:'Id51', value:1},
                                          {id1:'Id54', id2:'Id51', value:2},
                                          {id1:'Id54', id2:'Id49', value:1},
                                          {id1:'Id54', id2:'Id26', value:1},
                                          {id1:'Id55', id2:'Id51', value:6},
                                          {id1:'Id55', id2:'Id49', value:12},
                                          {id1:'Id55', id2:'Id39', value:1},
                                          {id1:'Id55', id2:'Id54', value:1},
                                          {id1:'Id55', id2:'Id26', value:21},
                                          {id1:'Id55', id2:'Id11', value:19},
                                          {id1:'Id55', id2:'Id16', value:1},
                                          {id1:'Id55', id2:'Id25', value:2},
                                          {id1:'Id55', id2:'Id41', value:5},
                                          {id1:'Id55', id2:'Id48', value:4},
                                          {id1:'Id56', id2:'Id49', value:1},
                                          {id1:'Id56', id2:'Id55', value:1},
                                          {id1:'Id57', id2:'Id55', value:1},
                                          {id1:'Id57', id2:'Id41', value:1},
                                          {id1:'Id57', id2:'Id48', value:1},
                                          {id1:'Id58', id2:'Id55', value:7},
                                          {id1:'Id58', id2:'Id48', value:7},
                                          {id1:'Id58', id2:'Id27', value:6},
                                          {id1:'Id58', id2:'Id57', value:1},
                                          {id1:'Id58', id2:'Id11', value:4},
                                          {id1:'Id59', id2:'Id58', value:15},
                                          {id1:'Id59', id2:'Id55', value:5},
                                          {id1:'Id59', id2:'Id48', value:6},
                                          {id1:'Id59', id2:'Id57', value:2},
                                          {id1:'Id60', id2:'Id48', value:1},
                                          {id1:'Id60', id2:'Id58', value:4},
                                          {id1:'Id60', id2:'Id59', value:2},
                                          {id1:'Id61', id2:'Id48', value:2},
                                          {id1:'Id61', id2:'Id58', value:6},
                                          {id1:'Id61', id2:'Id60', value:2},
                                          {id1:'Id61', id2:'Id59', value:5},
                                          {id1:'Id61', id2:'Id57', value:1},
                                          {id1:'Id61', id2:'Id55', value:1},
                                          {id1:'Id62', id2:'Id55', value:9},
                                          {id1:'Id62', id2:'Id58', value:17},
                                          {id1:'Id62', id2:'Id59', value:13},
                                          {id1:'Id62', id2:'Id48', value:7},
                                          {id1:'Id62', id2:'Id57', value:2},
                                          {id1:'Id62', id2:'Id41', value:1},
                                          {id1:'Id62', id2:'Id61', value:6},
                                          {id1:'Id62', id2:'Id60', value:3},
                                          {id1:'Id63', id2:'Id59', value:5},
                                          {id1:'Id63', id2:'Id48', value:5},
                                          {id1:'Id63', id2:'Id62', value:6},
                                          {id1:'Id63', id2:'Id57', value:2},
                                          {id1:'Id63', id2:'Id58', value:4},
                                          {id1:'Id63', id2:'Id61', value:3},
                                          {id1:'Id63', id2:'Id60', value:2},
                                          {id1:'Id63', id2:'Id55', value:1},
                                          {id1:'Id64', id2:'Id55', value:5},
                                          {id1:'Id64', id2:'Id62', value:12},
                                          {id1:'Id64', id2:'Id48', value:5},
                                          {id1:'Id64', id2:'Id63', value:4},
                                          {id1:'Id64', id2:'Id58', value:10},
                                          {id1:'Id64', id2:'Id61', value:6},
                                          {id1:'Id64', id2:'Id60', value:2},
                                          {id1:'Id64', id2:'Id59', value:9},
                                          {id1:'Id64', id2:'Id57', value:1},
                                          {id1:'Id64', id2:'Id11', value:1},
                                          {id1:'Id65', id2:'Id63', value:5},
                                          {id1:'Id65', id2:'Id64', value:7},
                                          {id1:'Id65', id2:'Id48', value:3},
                                          {id1:'Id65', id2:'Id62', value:5},
                                          {id1:'Id65', id2:'Id58', value:5},
                                          {id1:'Id65', id2:'Id61', value:5},
                                          {id1:'Id65', id2:'Id60', value:2},
                                          {id1:'Id65', id2:'Id59', value:5},
                                          {id1:'Id65', id2:'Id57', value:1},
                                          {id1:'Id65', id2:'Id55', value:2},
                                          {id1:'Id66', id2:'Id64', value:3},
                                          {id1:'Id66', id2:'Id58', value:3},
                                          {id1:'Id66', id2:'Id59', value:1},
                                          {id1:'Id66', id2:'Id62', value:2},
                                          {id1:'Id66', id2:'Id65', value:2},
                                          {id1:'Id66', id2:'Id48', value:1},
                                          {id1:'Id66', id2:'Id63', value:1},
                                          {id1:'Id66', id2:'Id61', value:1},
                                          {id1:'Id66', id2:'Id60', value:1},
                                          {id1:'Id67', id2:'Id57', value:3},
                                          {id1:'Id68', id2:'Id25', value:5},
                                          {id1:'Id68', id2:'Id11', value:1},
                                          {id1:'Id68', id2:'Id24', value:1},
                                          {id1:'Id68', id2:'Id27', value:1},
                                          {id1:'Id68', id2:'Id48', value:1},
                                          {id1:'Id68', id2:'Id41', value:1},
                                          {id1:'Id69', id2:'Id25', value:6},
                                          {id1:'Id69', id2:'Id68', value:6},
                                          {id1:'Id69', id2:'Id11', value:1},
                                          {id1:'Id69', id2:'Id24', value:1},
                                          {id1:'Id69', id2:'Id27', value:2},
                                          {id1:'Id69', id2:'Id48', value:1},
                                          {id1:'Id69', id2:'Id41', value:1},
                                          {id1:'Id70', id2:'Id25', value:4},
                                          {id1:'Id70', id2:'Id69', value:4},
                                          {id1:'Id70', id2:'Id68', value:4},
                                          {id1:'Id70', id2:'Id11', value:1},
                                          {id1:'Id70', id2:'Id24', value:1},
                                          {id1:'Id70', id2:'Id27', value:1},
                                          {id1:'Id70', id2:'Id41', value:1},
                                          {id1:'Id70', id2:'Id58', value:1},
                                          {id1:'Id71', id2:'Id27', value:1},
                                          {id1:'Id71', id2:'Id69', value:2},
                                          {id1:'Id71', id2:'Id68', value:2},
                                          {id1:'Id71', id2:'Id70', value:2},
                                          {id1:'Id71', id2:'Id11', value:1},
                                          {id1:'Id71', id2:'Id48', value:1},
                                          {id1:'Id71', id2:'Id41', value:1},
                                          {id1:'Id71', id2:'Id25', value:1},
                                          {id1:'Id72', id2:'Id26', value:2},
                                          {id1:'Id72', id2:'Id27', value:1},
                                          {id1:'Id72', id2:'Id11', value:1},
                                          {id1:'Id73', id2:'Id48', value:2},
                                          {id1:'Id74', id2:'Id48', value:2},
                                          {id1:'Id74', id2:'Id73', value:3},
                                          {id1:'Id75', id2:'Id69', value:3},
                                          {id1:'Id75', id2:'Id68', value:3},
                                          {id1:'Id75', id2:'Id25', value:3},
                                          {id1:'Id75', id2:'Id48', value:1},
                                          {id1:'Id75', id2:'Id41', value:1},
                                          {id1:'Id75', id2:'Id70', value:1},
                                          {id1:'Id75', id2:'Id71', value:1},
                                          {id1:'Id76', id2:'Id64', value:1},
                                          {id1:'Id76', id2:'Id65', value:1},
                                          {id1:'Id76', id2:'Id66', value:1},
                                          {id1:'Id76', id2:'Id63', value:1},
                                          {id1:'Id76', id2:'Id62', value:1},
                                          {id1:'Id76', id2:'Id48', value:1},
                                          {id1:'Id76', id2:'Id58', value:1}],
                                  links: {"Google": {"url": "http://www.google.com/search?q=$S$", "name": "Google", "title": "Google", "icon": "http://canvasxpress.org/images/google.png"}}},
                                 {graphType: 'Network',
                                  colorNodeBy: 'group',
                                  indicatorCenter: 'rainbow',
                                  layoutTime: 30,
                                  maxIterations: 80,
                                  gradient: true,
                                  backgroundGradient2Color: "rgb(112,179,222)",
                                  backgroundGradient1Color: "rgb(226,236,248)",
                                  nodeFontColor: 'rgb(29,34,43)',
                                  showAnimation: true});
              </pre>
            </div>

            <div>
              <br /><br />
              <form>
                <div style="width: 613px;">
                  <input alt="Code included in the HTML page" title="Code included in the HTML page" type="checkbox" value="ch1-canvas1" onclick="showSourceCode('code-canvas1')"/>Show Source Code&nbsp;&nbsp;&nbsp;&nbsp;
                  <input alt="Code transformed after initialized CanvasXpress" title="Code transformed after initialized CanvasXpress" type="checkbox" value="ch2-canvas1" onclick="showCode(this, 'canvas1')"/>Show Transformed Code&nbsp;&nbsp;&nbsp;&nbsp;
                  <input alt="Show data in HTML table" title="Show data in HTML table" type="checkbox" value="ch3-canvas1" onclick="showData(this, 'canvas1')"/>Show Data
                </div>
              </form>
              <canvas id="canvas1" width="613" height="500"></canvas>
            </div>
            <div class="code" id="code-canvas1" style="display: none;">
              <pre>
                new CanvasXpress('canvas1',
                                 {nodes:  [{id: 'Gene1', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                           {id: 'Gene2', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                           {id: 'Gene3', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                           {id: 'Gene4', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                           {id: 'Gene5', color: 'rgb(255,0,0)', shape: 'square', size: 2.3},
                                           {id: 'Gene6', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                           {id: 'Gene7', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                           {id: 'Gene8', color: 'rgb(255,0,0)', shape: 'square', size: 2},
                                           {id: 'SNP1', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                           {id: 'SNP2', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                           {id: 'SNP3', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                           {id: 'SNP4', color: 'rgb(0,255,0)', shape: 'sphere', size: 2.5},
                                           {id: 'SNP5', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                           {id: 'SNP6', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                           {id: 'SNP7', color: 'rgb(0,255,0)', shape: 'sphere', size: 2},
                                           {id: 'SNP8', color: 'rgb(0,255,0)', shape: 'sphere', size: 2.2},
                                           {id: 'PH1', color: 'rgb(0,255,255)', shape: 'star', size: 2},
                                           {id: 'PH1a', color: 'rgb(0,255,255)', shape: 'star', parentNode: 'PH1', size: 2},
                                           {id: 'PH1b', color: 'rgb(0,255,255)', shape: 'star', parentNode: 'PH1', size: 2},
                                           {id: 'PH2', color: 'rgb(0,255,255)', shape: 'star', size: 2},
                                           {id: 'PH2a', color: 'rgb(0,255,255)', shape: 'star', parentNode: 'PH2', size: 2},
                                           {id: 'PH2b', color: 'rgb(0,255,255)', shape: 'star', parentNode: 'PH2', size: 2},
                                           {id: 'PH2ba', color: 'rgb(0,255,255)', shape: 'star', parentNode: 'PH2b', size: 2},
                                           {id: 'PH3', color: 'rgb(0,255,255)', shape: 'star', size: 2},
                                           {id: 'PH4', color: 'rgb(0,255,255)', shape: 'star', size: 2}],
                                  edges:  [{id1: 'Gene1', id2: 'Gene2', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'SNP1', id2: 'PH1', color: 'rgb(51,12,152)', width: '3', type: 'line'},
                                           {id1: 'Gene2', id2: 'Gene7', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'Gene2', id2: 'Gene8', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'Gene1', id2: 'Gene3', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'SNP4', id2: 'PH4', color: 'rgb(51,12,152)', width: '3', type: 'line'},
                                           {id1: 'PH1', id2: 'PH1a', color: 'rgb(102,12,152)', width: '3', type: 'line'},
                                           {id1: 'PH1', id2: 'PH1b', color: 'rgb(102,12,152)', width: '3', type: 'line'},
                                           {id1: 'Gene4', id2: 'SNP3', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'Gene6', id2: 'SNP4', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'PH2', id2: 'PH2a', color: 'rgb(51,12,152)', width: '3', type: 'line'},
                                           {id1: 'PH2', id2: 'PH2b', color: 'rgb(102,12,152)', width: '3', type: 'line'},
                                           {id1: 'Gene6', id2: 'SNP5', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'Gene7', id2: 'SNP6', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'SNP6', id2: 'SNP7', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'Gene1', id2: 'Gene4', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'Gene1', id2: 'Gene5', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'SNP7', id2: 'Gene6', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'SNP6', id2: 'SNP8', color: 'rgb(153,12,255)', width: '3', type: 'line'},
                                           {id1: 'Gene3', id2: 'SNP1', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'Gene3', id2: 'SNP2', color: 'rgb(51,12,255)', width: '3', type: 'line'},
                                           {id1: 'SNP2', id2: 'PH2', color: 'rgb(153,12,255)', width: '3', type: 'line'},
                                           {id1: 'SNP3', id2: 'PH3', color: 'rgb(51,12,152)', width: '3', type: 'line'},
                                           {id1: 'PH2b', id2: 'PH2ba', color: 'rgb(102,12,152)', width: '3', type: 'line'}]},
                                 {graphType: 'Network',
                                  showAnimation: true,
                                  gradient: true,
                                  backgroundGradient2Color: "rgb(112,179,222)",
                                  backgroundGradient1Color: "rgb(226,236,248)",
                                  nodeFontColor: 'rgb(29,34,43)',
                                  showNetworkRadialLayout: true,
                                  networkLayoutType: 'radial'});
              </pre>
            </div>

            <div>
              <br /><br />
              <form>
                <div style="width: 613px;">
                  <input alt="Code included in the HTML page" title="Code included in the HTML page" type="checkbox" value="ch1-canvas2" onclick="showSourceCode('code-canvas2')"/>Show Source Code&nbsp;&nbsp;&nbsp;&nbsp;
                  <input alt="Code transformed after initialized CanvasXpress" title="Code transformed after initialized CanvasXpress" type="checkbox" value="ch2-canvas2" onclick="showCode(this, 'canvas2')"/>Show Transformed Code&nbsp;&nbsp;&nbsp;&nbsp;
                  <input alt="Show data in HTML table" title="Show data in HTML table" type="checkbox" value="ch3-canvas2" onclick="showData(this, 'canvas2')"/>Show Data
                </div>
              </form>
              <canvas id="canvas2" width="613" height="500"></canvas>
            </div>
            <div class="code" id="code-canvas2" style="display: none;">
              <pre>
                new CanvasXpress('canvas2',
                                 {nodes:  [{id: 'Cell', shape: 'image', eventless: true, width: 525, height: 400, imagePath: 'cell.png', x: 250, y: 250, hideLabel: true},
                                           {id: 'Gene1', exp1: 1, exp2: 2, exp3: 4, exp4: {cl1: 2, cl2: 4, cl3: 3}, exp5: {cl1: 12, cl2: 1, cl3: 5}, shape: 'image', width: 40, height: 40, imagePath: 'prot.png', x: 155, y: 160},
                                           {id: 'Gene2', exp1: 2, exp2: 4, exp3: 1, exp4: {cl1: 7, cl2: 1, cl3: 8}, exp5: {cl1: 1, cl2: 11, cl3: 8}, color: 'rgb(255,0,0)', shape: 'sphere', size: 1, x: 155, y: 340},
                                           {id: 'Gene3', exp1: 1, exp2: 5, exp3: 1, exp4: {cl1: 12, cl2: 4, cl3: 8}, exp5: {cl1: 3, cl2: 7, cl3: 5}, color: 'rgb(255,0,0)', shape: 'sphere', size: 1, x: 355, y: 160},
                                           {id: 'Gene4', label: 'Receptor\nGene4', exp1: 4, exp2: 2, exp3: 1, exp4: {cl1: 1, cl2: 14, cl3: 7}, exp5: {cl1: 2, cl2: 1, cl3: 15}, color: 'rgb(255,0,0)', shape: 'sphere', size: 1, x: 355, y: 340},
                                           {id: 'Gene5', exp1: 1, exp2: 3, exp3: 2, exp4: {cl1: 4, cl2: 4, cl3: 8}, exp5: {cl1: 6, cl2: 7, cl3: 2}, color: 'rgb(255,0,0)', shape: 'sphere', width: 20, height: 20, x: 255, y: 100},
                                           {id: 'Met', shape: 'image', width: 40, height: 40, imagePath: 'met.png', x: 255, y: 400, hideLabel: true},
                                           {id: 'Gene7', exp1: 3, exp2: 3, exp3: 4, exp4: {cl1: 2, cl2: 14, cl3: 1}, exp5: {cl1: 9, cl2: 3, cl3: 5}, shape: 'image', width: 40, height: 40, imagePath: 'prot7.png', x: 50, y: 250},
                                           {id: 'DNA', shape: 'image', width: 40, height: 40, imagePath: 'dna1.png', x: 450, y: 250, hideLabel: true}],
                                  edges:  [{id1: 'Gene1', id2: 'Gene2', color: 'rgb(51,12,255)', width: '3', type: 'curvedArrowHeadLine'},
                                           {id1: 'Gene4', id2: 'Gene3', color: 'rgb(51,12,255)', width: '3', type: 'curvedArrowHeadLine'},
                                           {id1: 'Gene5', id2: 'Met', color: 'rgb(51,12,255)', width: '3', type: 'arrowHeadLine'},
                                           {id1: 'Gene3', id2: 'DNA', color: 'rgb(51,12,255)', width: '3', type: 'bezierArrowHeadLine'},
                                           {id1: 'Gene7', id2: 'Gene1', color: 'rgb(51,12,255)', width: '3', type: 'bezierArrowHeadLine'}],
                                  legend: {nodes: [{shape: 'sphere',
                                                    color: 'rgb(255,0,0)',
                                                    text: 'Gene'}],
                                           edges: [{type: 'arrowHeadLine',
                                                    text: 'Activate'}],
                                           text:  [{text: 'Cool Pathway',
                                                    x: 150,
                                                    y: 460}],
                                           pos: {nodes: {x: -5,
                                                         y: -5},
                                                 edges: {x: 360,
                                                         y: -5},
                                                 decorations: {x: 20,
                                                               y: 80}}}},
                                 {graphType: 'Network',
                                  backgroundGradient2Color: "rgb(112,179,222)",
                                  backgroundGradient1Color: "rgb(226,236,248)",
                                  gradient: true,
                                  decorationsPosition: 'top',
                                  decorationsType: 'bar',
                                  showDecorations: true,
                                  decorations: ['exp1', 'exp2', 'exp3'],
                                  networkFreezeOnLoad: true,
                                  nodeFontColor: 'rgb(29,34,43)',
                                  calculateLayout: false});
              </pre>
            </div>

        </div>

        <br /><br /><br />
        <div class="clear">&nbsp;</div>

      </div>

      <div class="footer">

        Copyright &copy; 2010 canvasXpress.org |
        <a href="mailto:imnphd@gmail.com">Isaac&nbsp;Neuhaus</a> |
        Site Powered by <a href="http://www.artician.net">Artician</a>

      </div>

    </div>

    <div style="text-indent:-9999px;">
      &nbsp;
    </div>

    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-601687-37']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>

  </body>

</html>
